
<title><?php print ALBUM_TITLE ?></title>

<link rel="stylesheet" type="text/css" href="<?php print(COMMON_STYLE); ?>" />
<link rel="stylesheet" type="text/css" href="<?php print(CLIENT_STYLE); ?>" />
<script language="javascript" type="text/javascript" src="<?php print(JUICE); ?>"> </script>
<script language="javascript" type="text/javascript" src="<?php print(CLIENT_JS); ?>"></script>
<!-- rounded corners -->
<link rel="stylesheet" type="text/css" href="<?php print($albumThemeLocation);?>corners/rounded.css" />
<script language="javascript" type="text/javascript" src="<?php print($albumThemeLocation);?>corners/rounded.js"></script>

<!--theme script-->
<script language="javascript" type="text/javascript">
function default_setup() {
    $('toggle-thumbnail').addEvent('click', toggleThumbnails, false);
}

function toggleThumbnails() {
    state = "inline";
    text = "Hide thumbnails";
    if($('thumbnail-view').getStyle("display") == "inline") {
        state = "none";
        text = "Show thumbnails";
    }
    $('thumbnail-view').setStyle({display:state});
    $('toggle-thumbnail').firstChild.nodeValue = text;
}

window.addEvent('load', default_setup, false);
</script>
</head>
<body onload="roundAll();">
<h1 id="album-name"></h1>

<div id="container">
<div id="thumbnail-wrapper" class="rounded">
<div id="thumbnail-view"></div>

<div id="toggle-thumbnail">Show thumbnails</div>
</div>

<div id="wrapper" class="rounded">
<div id="buttons-wrapper">
<div id="prev-button"><img src="<?php print($albumThemeLocation);?>images/previous.gif" alt="Previous" /></div>
<div id="next-button"><img src="<?php print($albumThemeLocation);?>images/next.gif" alt="Next" /></div>
</div>

<img id="main-image"></img>

</div>

</div>


</body>
</html>